<!--<!DOCTYPE html>
<html>-->
	<head>
		<meta charset="UTF-8">
		<title></title>	
		<!--bootstrap要放在最上面-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		
	<!--导航-->
	
		<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark on-gutters">
    	<div class="container allWidth">
      <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="index.html">首页
            	
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Family.html">Laya家族</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="game.html">游戏</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="New.html">新闻动态</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="aboutUs.html">关于我们</a>
          </li>
        </ul>
        <!--<form class="form-inline mt-2 mt-md-0">
          <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>-->
        <div class="dropdown">
			  <button class="btn btn-secondary dropdown-toggle btnLanguage" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			    Languange
			  </button>
			  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
			    <a class="dropdown-item" href="#">English</a>
			    <a class="dropdown-item" href="#">Chinese</a>
			    <a class="dropdown-item" href="#">粤语</a>
			  </div>
			</div>
       </div>
      </div>
    </nav>
	
		
	<!--banner-->
	<div class="container-fluid banner">
		<img src="img/banner1.png"/>
	</div>
	
	<!--laya引擎-->
	<div class="container-fluid layaflash">
			<div class="container allWidth">
				<h1>LayaFlash 引擎</h1>
				<h2>让Flash技术变成开发HTML5产品的利器</h2>
				<div class="row">
					<div class="col-md-8">
						<div class="row ">
							
							
							
								<div class="col-md-6 flashProduct">
									<input type="radio" name="laya" id="laya1" value="" />
									<label for="laya1">
									<div class="flashProImg"><img  src="img/layayq1.png"/></div>
									</label>
									<div class="flashProDesc">
										<h3>快速flash产品转换</h3>
										<p>flash页游/手游仅需1个人7天即可转换HTML5和APP游戏</p>
									</div>
								</div>
							
							<div class="col-md-6 flashProduct">
									<input type="radio" name="laya" id="laya2" value="" />
								<label for="laya2">
								<div class="flashProImg"><img src="img/layayq2.png"/></div>
								</label>
								<div class="flashProDesc">
									<h3>快速flash产品转换</h3>
									<p>flash页游/手游仅需1个人7天即可转换HTML5和APP游戏</p>
								</div>
							</div>
							
							<div class="col-md-6 flashProduct">
									<input type="radio" name="laya" id="laya3" value="" />
								<label for="laya3">
								<div class="flashProImg"><img src="img/layayq3.png"/></div>
								</label>
								<div class="flashProDesc">
									<h3>快速flash产品转换</h3>
									<p>flash页游/手游仅需1个人7天即可转换HTML5和APP游戏</p>
								</div>
							</div>
							
							<div class="col-md-6 flashProduct">
									<input type="radio" name="laya" id="laya4" value="" />
								<label for="laya4">
								<div class="flashProImg"><img src="img/layayq4.png"/></div>
								</label>
								<div class="flashProDesc">
									<h3>快速flash产品转换</h3>
									<p>flash页游/手游仅需1个人7天即可转换HTML5和APP游戏</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-4">
					</div>
				</div>
			</div>
	</div>
	
		
	<!--Layabox 优势-->
	<div class="container-fluid layabox">
		<div class="container allWidth ">
			<div class="row">
					<div class="col-md-4"></div>
					<div class="col-md-7 ml-auto ">
					<h2>Layabox 优势</h2>
					<ul>
						<li><img src="img/layabox1.png"/> <p class="ul-p">快速上手，Flash程序员3小时掌握HTML5开发</p></li>
						<li><img src="img/layabox2.png"/> <p  class="ul-p">4年优化打磨，LayaPlayer运行器性能媲美APP</p></li>
						<li><img src="img/layabox3.png"/> <p >超5亿的LayaPlayer移动设备安装量帮助CP发行</p></li>
						<li><img src="img/layabox4.png"/> <p >使用LayaFlash开发大型HTML5游戏的企业超100家</p></li>
					</ul>
					</div>
			</div>
		</div>
	</div>
	
	<!--Layabox产品家族-->
	<div class="container-fluid layafamily">
		<div class="container ">
			<h2>Layabox产品家族</h2>
			<div class="row">
				
				<div class="col-lg-6 Six">
					<div class="layafamily-tu"><img src="img/layafamily1.png" alt="" /></div>
					<div class="laya-font">
						<h1>LayaAir</h1>
						<p>
							核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
							支持2D\3D，非运行 器模式下性能媲美APP。
						</p>
					</div>
				</div>
				
				<div class="col-lg-6 Six">
					<div class="layafamily-tu"><img src="img/layafamily2.png" alt="" /></div>
					<div class="laya-font">
						<h1>LayaAir</h1>
						<p>
							核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
							支持2D\3D，非运行 器模式下性能媲美APP。
						</p>
					</div>
				</div>
				
				<div class="col-lg-6 Six">
					<div class="layafamily-tu"><img src="img/layafamily3.png" alt="" /></div>
					<div class="laya-font">
						<h1>LayaAir</h1>
						<p>
							核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
							支持2D\3D，非运行 器模式下性能媲美APP。
						</p>
					</div>
				</div>
				
				<div class="col-lg-6 Six">
					<div class="layafamily-tu"><img src="img/layafamily4.png" alt="" /></div>
					<div class="laya-font">
						<h1>LayaAir</h1>
						<p>
							核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
							支持2D\3D，非运行 器模式下性能媲美APP。
						</p>
					</div>
				</div>
				
				<div class="col-lg-6 Six">
					<div class="layafamily-tu"><img src="img/layafamily5.png" alt="" /></div>
					<div class="laya-font">
						<h1>LayaAir</h1>
						<p>
							核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
							支持2D\3D，非运行 器模式下性能媲美APP。
						</p>
					</div>
				</div>
				
				<div class="col-lg-6 Six">
					<div class="layafamily-tu"><img src="img/layafamily6.png" alt="" /></div>
					<div class="laya-font">
						<h1>LayaAir</h1>
						<p>
							核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
							支持2D\3D，非运行 器模式下性能媲美APP。
						</p>
					</div>
				</div>
				
			</div><!--row-->
		</div>
	</div>
		
	<!--采用laya引擎的精彩游戏-->
	<div class="game"> 
		<div class="container allWidth">
			<!--title-->
			<div class="title">
				<h1>采用laya引擎的精彩游戏</h1> 
				<span><a href="">更多</a></span>
			</div>
			<div class="row">
				<div class="col-md-5  video" >
					<video  poster="img/video.png" controls>
						<source src="img/80s (2).mp4" type="video/mp4"></source>
						<source src="img/80s (2).ogv" type="video/ogg"></source>
						<source src="img/80s (2).webm" type="video/webm"></source>
						<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
							<param name="movie" value="myvideo.swf" />
							<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
						</object>
						当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
					</video>
				</div>
				<div class="col-md-7 gameType">
					<div class="row">
						
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx1.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx2.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx3.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx4.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx5.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx6.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx7.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx8.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2  col-3 card" >
							  <img class="card-img-top" src="img/yx9.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx10.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx11.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
							<a href="" class="col-md-2 col-3 card" >
							  <img class="card-img-top" src="img/yx12.png" alt="Card image cap">
								  <div class="card-body">
								    <p class="card-text">猎刃2</p>
								  </div>
							</a>
						
					</div>
				</div>
			</div>
		</div> 
	</div>
	
		 
	<!--合作伙伴-->
	<div class="container-fluid partner ">
		<div class="container allWidth">
		<h1>合作伙伴</h1><span>排序不分先后</span>
			<div class="row">
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner1.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner2.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner3.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner4.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner5.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner6.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner7.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner8.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner9.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner10.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner11.png"/></div>
				<div class="col-lg-2 col-md-3 col-4"><img src="img/partner12.png"/></div>
			</div>
		</div>
	</div>	
		
	<footer class="container-fluid ">
		<div class="container allWidth">
			<div class="row on-gutters">
			<ul class="col-lg-5">
				<li><a href="">公司简介</a><a href="">联系方式</a><a href="">人才招聘</a></li>
				<li>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </li>
			</ul>
			<div class="footer-tu col-lg-3 ml-auto justify-content-end ">
				<div class="img"><img src="img/youxiang.png"/></div>
				<div class="img img2"><img src="img/weixin.png"/><img class="erweima" src="img/erweima.png"/></div>
				<div class="img"><img src="img/qq.png"/></div>
				
			</div>
			</div>
		</div>
	</footer>	
		
		
		
		
		
		
	<!--js-->
	<script src="js/jquery-slim.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
